/**
 * Qporama // 549.DMI.QP // version 3, 06/2011
 * este fichero complementa styles.css y lo actualiza a la "version 3"
 * author	runroom (phil)
 * copyright 2011 by runroom
 */


:focus { outline: 1px dotted #ccc; }
.buscar:focus { outline: none; } /* para que no se vea la linea puntillada al hacer clic en "seleccionar categoria" en IE8 */

/*
----------------------------------------------- 
	@HEADER 
----------------------------------------------- 
*/
/* header contiene logo, links a facebook y twitter, links de session, ilustracion de cabecera, claim */
.header { 
	background: url("css_images/qporama-cabecera.png") no-repeat 0 0;
	height: 264px;
	margin: 10px auto 0;
	position: relative;
	width: 969px;
	z-index: 2;
	}
/* contiene el logo y el claim */
.logo_claim {
	position: relative;
	text-align: left;
	width: 960px;
	z-index: 1;
	}
/* enlace a la home, haciendo clic en el logo de qporama */
a.logo {
	background: none;
	display: block;
	float: left;
	height: 60px;
	width: 180px;
	}
/* un h1 con el texto claim */
.claim {
	color: #999;
	font: normal 25px/1.4em "Lucida Grande", "Lucida Sans", Tahoma, sans-serif;
	letter-spacing: -0.05em;
	text-align: left;
	}
.claim strong {
	color: #424242;
	font-weight: normal;
	}
/* posicionar claim en el header */
.header .claim {
	clear: both;
	float: right;
	margin-top: 35px;
	margin-right: 20px;
	width: 430px;
	}

/* enlaces de facebook y twitter, a inicio de sesion y al registro */
.social-links { width: 60px; }
.session-links {
	color: #999;
	width: 220px;
	}
.session-links a {
	background: url('css_images/transp-25-fff.png');
	margin-top: 2px;
	padding: 3px 5px;
					border-radius: 5px;
		 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

.social-links .facebook,
.social-links .facebook:hover	{
	background: url("css_images/social-media.png") no-repeat left top;
	height: 23px;
	width: 22px;
	}
.social-links .twitter,
.social-links .twitter:hover {
	background: url("css_images/social-media.png") no-repeat right top;
	height: 23px;
	width: 22px;
	}
.facebook span,
.twitter span {
	left: -9999px;
	position: absolute;
	}
.facebook,
.twitter {
	background: url("css_images/compartir.png") no-repeat 0 0;
	display: block;
	float: left;
	height: 19px;
	margin-right: 5px;
	width: 18px;
	}
.twitter { background-position: -20px 0; }

/* posicionar social-links en el header */
.header .social-links,
.header .session-links {
	float: right;
	padding-top: 15px;
	}


/*
----------------------------------------------- 
	@FONDO DE PAGINA
----------------------------------------------- 
*/
/* imagen o patron de fondo */
.fondo-pagina { 
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	}
	.fondo-pagina img { width: 100%; }
	.gradient { position: fixed; }


/*
----------------------------------------------- 
	@BARRA USUARIO
----------------------------------------------- 
*/
.user { 
	margin: -5px auto -4px;
	text-align: left;
	}
/* volver (p.e., a la oferta) */
.link-volver { float: right; }
.volver {
	background: url("css_images/arrows.png") no-repeat 0 -1px;
	display: block;
	float: left;
	min-height: 18px;
	padding-left: 20px;
	position: relative;
	width: auto;
	z-index: 400;
	}
.volver:hover { background: url("css_images/arrows.png") no-repeat 0 -51px; }
.unido-top .volver {
	float: none;
	margin-right: 40px;
	}
.user .volver {
	float: none;
	margin-right: 0;
	}
.bot-salir {
	position: absolute;
	right: 20px;
	top: 15px;
	}
.mis_cosas {
	margin-top: 5px;
	margin-left: -2px;
	}
.mis_cosas span.active b,
.mis_cosas span:hover b { background: url("css_images/bot-miscosas.png") no-repeat left -39px; }
.mis_cosas span.active a,
.mis_cosas span:hover a {
	text-decoration: none;
	background: url("css_images/bot-miscosas.png") no-repeat right -39px;
	}

/* boton facebook en el formulario de registro */
.enorme { float: none; }
/* boton facebook en la barra de usuario */
.user .enorme { float: left; }
.usermessage p {  min-height: 40px; line-height: 40px; }

/*
----------------------------------------------- 
	@BARRA BUSCAR
----------------------------------------------- 
*/
.buscar {
	margin: 10px auto;
	position: relative;
	text-align: left;
	width: 960px;
	z-index: 4;
	}
.buscar p { margin: 8px 0 0 10px; }
.buscar .boton { padding: 0 15px; }
.fondo-input-buscar {
	background: url("css_images/fondo-input-270.png") no-repeat 0 0;
	height: 42px;
	width: 270px;
	}
.fondo-select {
	background: url("css_images/fondo-select-270.png") no-repeat 0 0;
	height: 42px;
	position: relative;
	width: 270px;
	}
.fondo-select small {
	position: absolute;
	right: 0;
	top: 0;
	}
.fondo-select small a {
	display: block;
	padding: 13px 45px 13px 0;
	}
	
.buscar input[type="text"] {
	color: #424242;
	font-size: 14px;
	padding: 7px 0 6px 5px;
	width: 255px;
	}
.buscar .fondo-select input[type="text"] { width: 225px; }

/*
	desplegable Selecciona categoría
*/
.selecciona-categoria {
	float: left;
	margin: 8px 0 0 8px;
	}
.selecciona-categoria li {
	color: #424242;
	font-size: 14px;
	padding: 12px 0 6px 10px;
	width: 255px;
	}
.selecciona-categoria li a { display: block; }
.selecciona-categoria ul { 
	background: #eae9e9;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	display: none;
	left: 0;
	padding-bottom: 20px;
	position: absolute;
	top: 38px;
					 box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
			-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
	 -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
	}
.selecciona-categoria ul li {
	height: auto;
	padding: 5px 10px 0;
	}
.selecciona-categoria ul li a {
	color: #666;
	margin: 0;
	padding: 5px;
	}
.selecciona-categoria ul li a:hover {
	background: #fff;
	color: #09f;
	}
.catselector-link { cursor: pointer; }

/*
	desplegable de ciudades
*/
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
	background: #eae9e9;
	border-bottom-left-radius: 3px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 3px;
	border-bottom-right-radius: 5px;
					box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
		 -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
	padding-bottom: 20px;
	padding-bottom: 25px;
	text-align: left;
	width: 250px;
	}
/* items del desplegable */
.ui-menu-item { padding: 0 5px 0 5px; }
.ui-menu-item:first-child {
	left: -5px;
	margin-right: 5px;
	position: relative;
	width: 240px;
	width: 250px;
	}
.ui-corner-all:hover { background: #fff; }
.ui-corner-all { padding: 5px; }
.ui-corner-all:hover { background: #fff; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button { font-size: 1em; }
/* estados de interaccion */
.ui-state-default,
.ui-widget-content .ui-state-default { outline: none; }
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited { outline: none; }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus { outline: none; }
.ui-state-hover a,
.ui-state-hover a:hover { outline: none; }
.ui-state-active,
.ui-widget-content .ui-state-active { outline: none; }
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited { outline: none; }



/*
----------------------------------------------- 
	@TITULO CANAL / CIUDAD
----------------------------------------------- 
*/
/*
	titulo canal multitarjeta (landing canal/landing ciudad etc.)
*/
.canal-multitarjeta {
	color: #fff;
	height: 50px;
	padding: 20px 0 10px 0;
	position: relative;
	}
.sombra {
	color: #666;
	left: 1px;
	position: relative;
	top: 2px;
	}
.cara {
	left: 0;
	position: absolute;
	top: 20px;
	}
.canal-etiqueta {
	font-size: 25px;
	font-weight: normal;
	position: relative;
	top: -20px;
	}
.canal-nombre {
	font-size: 50px;
	font-weight: bold;
	}






/*
###############################################
----------------------------------------------- 
	@MODULOS ESTRECHOS (LATERALES)
----------------------------------------------- 
*/
/* cierre blanco de una caja lateral , p.e. "info estado del usuario con respecto a una tarjeta" */
.caja.c320.r10.f1f1f1 .cierre.blanco {
	background: url("css_images/f-10px-320px-fff-bot.png") no-repeat 0 0;
	bottom: -20px;
	height: 20px;
	}

/*  cerrar ultimo elemento de itemlist */
.upcierre {
	background: #f1f1f1 url("css_images/f-10px-320px-fff-bot.png") 0 0 no-repeat;
	bottom: -3px;
	height: 20px;
	left: -10px; 
	position: absolute;
	width: 340px;
	}
/* cuando el itemslist no tiene slide */
.noscroll .upcierre {
	background: #f1f1f1 url("css_images/f-10px-320px-fff-bot.png") -10px -1px no-repeat;
	bottom: -5px;
	height: 25px;
	left: 0;
	margin-left: 10px;
	position: absolute;
	width: 320px;
	}



/*
----------------------------------------------- 
	@FILTROS (LATERALES)
----------------------------------------------- 
*/
/*
	filtros laterales
*/
.itemlist.filter {
	background: #fff;
	margin-top: 0;
	padding: 15px;
	}
.itemlist.filter li { overflow: hidden; }
.itemlist.filter li.todos {
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 10px;
	}

.itemlist.filter .catfilter {
	float: left;
	margin: 0 10px 10px 0;
	}
/*
	BOTONES FILTRAR CATEGORIAS
*/
.catfilter {
	font-weight: bold;
					border-radius: 10px;
		 -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
.catfilter a,
.catfilter .el-icon {
	display: block;
	padding: 0 10px 0 20px;
	}
.catfilter:hover a { text-decoration: none; }
.catfilter .num-items { font-weight: normal; }

/*
	FILTRO ACTIVADO
*/
.catfilter.activado {
	background: #49b3fa url("css_images/gradient-50-000.png") repeat-x 0 -10px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .10);
	}
.catfilter.activado a {
	background: url("css_images/iconos-catfilter.png") no-repeat -7px -7px;
	color: #fff;
	}
.catfilter.activado:hover { background: #49b3fa url("css_images/gradient-50-000.png") repeat-x 0 bottom; }
.catfilter.activado:hover a { background: url("css_images/iconos-catfilter.png") no-repeat -7px -67px; }
/*
	FILTRO DESACTIVADO
*/
.catfilter.desactivado {
	text-shadow: 1px 1px 2px rgba(255, 255, 255, .50);
	background: #ccc;
	}
.catfilter.desactivado a {
	background: url("css_images/iconos-catfilter.png") no-repeat -7px -127px;
	color: #424242;
	}
.catfilter.desactivado:hover { background: #ccc url("css_images/gradient-50-000.png") repeat-x 0 bottom; }
.catfilter.desactivado:hover a { background: url("css_images/iconos-catfilter.png") no-repeat -7px -187px; }
/*
	(DES)ACTIVAR TODAS LAS CATEGORIAS
*/
.todos .catfilter.activado {
	background: #ccc;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, .50);
	}
.todos .catfilter.activado .el-icon {
	background: url("css_images/iconos-catfilter.png") no-repeat -7px -245px;
	color: #424242;
	}
.todos .catfilter.desactivado a {
	background: url("css_images/iconos-catfilter.png") no-repeat -7px -127px;
	color: #666;
	}
.todos .catfilter.desactivado:hover a {
	background: url("css_images/iconos-catfilter.png") no-repeat -7px -187px;
	color: #424242;
	}
/*
	MAS FILTROS DE CATEGORIAS
*/
.filterlist {
	background: #fff;
	border-top: 1px solid #f1f1f1;
	overflow: hidden;
	padding: 10px 0;
	width: 320px;
	}
.oculto .filterlist { padding-bottom: 30px;}
.filterlist li {
	border-bottom: 1px solid #f1f1f1;
	margin: 0 20px;
	}
.filterlist li p {
	background: #f1f1f1;
	border-bottom: 1px solid #fff;
	}
.filterlist li.impar { border-bottom: 1px solid #fff; }
.filterlist li.impar p {
	background: #fff;
	border-bottom: 1px solid #f1f1f1;
	}
.filterlist li a {
	background: url("css_images/iconos-catfilter.png") no-repeat -10px -305px;
	display: block;
	padding: 2px 5px 3px 20px;
	}
.filterlist li a:hover { background: #e8e8e8 url("css_images/iconos-catfilter.png") no-repeat -10px -65px; }
.filterlist li a.desactivado {
	background: url("css_images/iconos-catfilter.png") no-repeat -10px -125px;
	display: block;
	padding: 2px 5px 3px 20px;
	}
.filterlist li a.desactivado:hover { background: #e8e8e8 url("css_images/iconos-catfilter.png") no-repeat -10px -185px; }
/*
	ENLACE GENERICO CON FLECHA
*/
a.generic {
	background: url("css_images/iconos-catfilter.png") no-repeat -10px -363px;
	display: block;
	padding: 2px 5px 3px 15px;
	}
/* a.generic:hover, */
a.generic.activo { background: url("css_images/iconos-catfilter.png") no-repeat -10px -423px; }
/*
	NUBE DE ETIQUETAS
*/
.nube {
	background: #fff;
	overflow: hidden;
	padding: 10px 20px;
	text-align: center;
	width: 280px;
	}
.nube li {
	display: inline;
	padding: 5px;
	}
.nube li.nub1 { font-size: 14px; }
.nube li.nub2 { font-size: 16px; }
.nube li.nub3 { font-size: 18px; }
.nube li.nub4 { font-size: 20px; }

/*
	FILTROS VARIOS
*/
.masfiltros {
	background: #fff;
	margin-left: -20px;
	overflow: hidden;
	padding: 20px 20px 10px 20px;
	width: 280px;
	}
.masfiltros .catfilter { float: left; margin: 5px; font-weight: normal; background: #ccc url("css_images/gradient-fff-inv.png") 0 -20px repeat-x; }
.masfiltros .catfilter a { display: block; padding-left: 10px; color: #424242; text-shadow: 1px 1px 2px rgba(255, 255, 255, .50); }
.masfiltros .catfilter:hover { background: #ccc url("css_images/gradient-fff-inv.png") 0 -40px repeat-x; }
.masfiltros .catfilter a:hover { color: #000; }




/*
----------------------------------------------- 
	@ANUNCIOS (LATERALES)
----------------------------------------------- 
*/
/* publicidad para MEMBER GET MEMBER */
.mgm {
	background: url("css_images/anuncio-member_get_member.png") no-repeat 0 0;
	height: 206px;
	margin-left: 7px;
	padding-bottom: 0;
	position: relative;
	}
/* si es el primer elemento de la columna lateral, hay menos margin-top */
.c-320>.mgm { margin-top: 7px; }


/*  
	LATERAL redes sociales laterales (facebook/twitter/4square)
----------------------------------------------- */
.socials {
	background: #fff;
	overflow: hidden;
	padding: 10px 22px;
	width: 276px;
	}
.socials li {
	display: block;
	float: left;
	text-align: center;
	width: 92px;
	}
.sn-facebook {
	background: url("css_images/sn-icon-facebook.png") no-repeat 50% 0;
	display: block;
	padding-top: 50px;
	text-align: center;
	}
.sn-twitter {
	background: url("css_images/sn-icon-twitter.png") no-repeat 50% 0;
	display: block;
	padding-top: 50px;
	text-align: center;
	}
.sn-foursquare {
	background: url("css_images/sn-icon-foursquare.png") no-repeat 50% 0;
	display: block;
	padding-top: 50px;
	text-align: center;
	}


/*  
	publicidad para CANALES 
----------------------------------------------- */
.canal { overflow: hidden; }
.canal .latboxtitle {
	color: #6c6c6c;
	font-weight: bold;
	padding: 0 0 5px 20px;
	}
/* el contenido del anuncio */
.latpub {
	background: #fff;
	overflow: hidden;
	width: 320px;
	}
.m-20px { margin-left: -20px; }
.latpub h3 {
	color: #000;
	font: normal italic 18px/20px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.025em;
	padding: 10px 20px 0 20px;
	}
.latpub p { padding: 0 10px 0 20px; }
.latpub p.imagen { padding: 0 0 5px 0; }
/* publicidad para un CANAL con fondo oscuro */
.oscuro .latboxtitle {
	border-bottom: 1px solid #000;
	color: #ccc;
	}
.oscuro .latpub { background: #000; }
.oscuro .latpub h3 { color: #fff; }
.oscuro .latpub p { color: #ccc; }
.caja.c320.r10.oscuro { background: url("css_images/fondo-canal-oscuro.png") no-repeat 0 0; }
.caja.c320.r10.oscuro .content { background: none; }
.caja.c320.r10.oscuro .cierre {
	background: url("css_images/fondo-canal-oscuro.png") no-repeat 0 -690px;
	bottom: -20px;
	height: 20px;
	}
/* publicidad para un CANAL mini */
.canal.mini {
	margin-top: 10px;
	margin-bottom: -10px;
	}
/* etiquetita que contiene la palabra "canal" */
.canal-tag {
	background: url("css_images/canal-claro-es.png") no-repeat 0 0;
	float: left;
	height: 70px;
	width: 31px;
	}
.canal-tag span {
	left: -9999px;
	position: absolute;
	}
.mini .latpub {
	background: #f1f1f1;
	float: left;
	width: 289px;
					border-top-right-radius: 5px;
			-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
					border-bottom-right-radius: 5px;
			-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	}
.mini .latpub img { float: left; }
.mini .latpub h3,
.mini .latpub p {
	margin-left: 65px;
	padding-right: 0;
	padding-left: 0;
	}
.mini .latpub p { letter-spacing: -0.05em; }
/* mini y oscuro */
.oscuro .canal-tag { background: url("css_images/canal-oscuro-es.png") no-repeat 0 0; }
.mini.oscuro .latpub { background: #000; }





/*
		MODULOS ESTRECHOS (LATERALES) END
		###############################################
*/
/*
----------------------------------------------- 
	@OFERTA DESTACADA
----------------------------------------------- 
*/
.ver-mapa {
	position: relative;
	z-index: 82;
	}
/* corrijo (min-)height del slider "ofertas destacadas" */
.scrollable {
	padding-top: 10px;
	padding-bottom: 5px;
	}
/* corrijo (min-)height del slider "ofertas destacadas" en páginas sin tarjeta */
.scrollable.sintarjeta { padding-bottom: 29px; }
.caja.c620.unido-bot.oferta_index .cierre { bottom: -9px; }
/* slider de ofertas con imagen y nombre marca */
.oferta_index .content { height: 100% !important; }
.scrollable.lateral { height: 70px !important; }
/* CON IMAGEN Y NOMBRE DE MARCA (en pagina sin tarjeta) */
/* espacio para la marca que presenta una oferta en una pagina sin tarjeta (p.e., la home) */
.oferta_index .oferta-marca {
	float: left;
	overflow: hidden;
	padding-bottom: 10px;
	width: 220px;
	}
.oferta-marca img {
	float: left;
	margin-right: 10px;
	}
.oferta-marca-nombre {
	color: #666;
	float: left;
	font-size: 18px;
	margin-top: 10px;
	width: 150px;
	}
/* contenedor de la(s) imagen(es) de la oferta, con y sin slider de imagenes */
.scroll,
.no_scroll {
	clear: left;
	float: left;
	}
/* mover descripcion de la oferta si es con imagen y nombre de marca */
.sintarjeta .ofertacontent { margin-top: -60px; }
.ofertacontent h1 {
	min-height: 70px;
	overflow: visible;
	padding-bottom: 10px;
	}

.sintarjeta .price-buy,
.sintarjeta .counter-discount {
	height: 110px;
	margin-top: 0;
	padding-top: 0;
	position: relative;
	}

/* contiene el precio y el boton comprar/imprimir/no-activado */
.sintarjeta .price-buy {
	clear: both;
	float: left;
	width: 140px;
	}
.sintarjeta .price { 
	letter-spacing: -0.05em;
	line-height: 0.70em;
	padding-top: 0;
	white-space: nowrap;
	width: 100%;
	}
.price { 
	letter-spacing: -0.05em;
	white-space: nowrap;
	}
.buy .boton { width: 100%; }
/* bara de bolitas */
.price-buy .bolitas {
	margin: 0 auto;
	overflow: hidden;
	padding: 15px 0 5px;
	text-align: center;
	width: 120px;
	}
.price-buy .bolitas span {
	display: inline-block;
	float: none;
	margin: 0 1px;
	}

/* indicador de descuento */
.sintarjeta .discount {
	position: absolute;
	bottom: 0;
	}
.sintarjeta .contador {
	position: absolute;
	bottom: 60px;
	}
/*.sintarjeta*/
.sharetrigger { bottom: 11px; }
.countdown_section {
	color: #ccc;
	font-size: 9px;
	}
.countdown_amount { color: #666; }




/*
----------------------------------------------- 
	@FEED GRANDES ("bigfeed")
----------------------------------------------- 
*/
/* distancia entre feeds (hay que sumar la altura del cierre de caja!) */
.feeds-grandes .caja { margin-bottom: 35px; }
.feeds-grandes .content { padding: 0 0 0 20px; }
.feeds-grandes .w170px { float: left; }
.feeds-grandes .ofertacontent,
.precio-categoria-compartir {
	float: left;
	margin-top: 0;
	margin-left: 10px; 
	width: 400px;
	}
.feeds-grandes .oferta-marca {
	margin-top: -10px;
	overflow: hidden;
	padding-bottom: 5px;
	}
.oferta-marca-nombre { 
	color: #666;
	font-size: 14px;
	}
h2.oferta {
	font-size: 24px;
	line-height: 1em;
	}
.feeds-grandes .price-buy {
	margin-left: -10px;
	padding-top: 5px;
	}
.feeds-grandes .price {	padding-top: 0;	}
.box-categoria {
	float: left;
	padding: 48px 0 0 20px;
	color: #424242;
	}
.categoria { font-weight: normal; }
.box-compartir {
	float: left;
	padding: 52px 0 0 20px;
	}
/*
	hacer que toda la caha sea link al detalle de la oferta 
*/
.feedlink {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
	}
.feeds-grandes .content:hover .ofertacontent { background: url("css_images/fondo-feed-grande-hover.png") no-repeat right 48%; }
/* menos el boton comprar y los botones compartir */
.feeds-grandes .box-compartir,
.feeds-grandes .buy {
	position: relative;
	z-index: 7;
	}



/*
----------------------------------------------- 
	@FOOTER 4 PROMOS
----------------------------------------------- 
*/
/* 4 PROMOS arriba del pie de pagina */
/* el div que las engloba */
.promolinea {
	margin-top: 20px;
	width: 980px;
	}
/* cada caja */
.c225.promocaja {
	float: left;
	padding-top: 5px;
	width: 225px;
	}
.promocaja .content { left: -20px; }
.promocaja h3 {
	padding-bottom: 5px;
	font-size: 13px;
	}
.promocaja p {
	left: -5px;
	position: relative;
	width: 215px;
	}
.promocaja p img {
	float: left;
	margin: 0 5px 5px 0;
	}
/* forzar colores de enlaces */
.c225.promocaja a { display: block; }
.c225.promocaja h3 a { color: #000; }
.c225.promocaja p a { color: #666; }
.c225.promocaja h3 a:hover,
.c225.promocaja p a:hover {
	color: #09f;
	text-decoration: none;
	}


/*
----------------------------------------------- 
	@FOOTER NAVLINKS / QUE ES / LEGAL
----------------------------------------------- 
*/
.nav-list,
.frase-que-es { 
	border-bottom: none;
	padding-bottom: 10px;
	}
.que-grande {
	border-top: 1px solid #cecece;
	padding-bottom: 10px;
	}
.legal { 
	border-top: 1px solid #cecece;
	padding-top: 10px;
	}



/*
----------------------------------------------- 
	@BOTONES
----------------------------------------------- 
*/
.boton {
	background-image: url("css_images/gradient-70-000.png");
	background-repeat: repeat-x;
	float: left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	height: 30px;
	letter-spacing: 0.05em;
	line-height: 30px;
	padding: 0 5px;
	text-align: center;
					border-radius: 5px;
		 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
						 box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
				-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
		 -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
	}

.boton:hover {
					box-shadow: 1px 1px 5px rgba(0, 0, 0, .75);
		 -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .75);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .75);
	}

.boton a {
	display: block;
	padding: 0 5px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
	}
	.boton.grande a {
		padding: 0 0;
		white-space: no-wrap;
		}
.boton a:hover { text-decoration: none; }
.boton.secundario a { color: #fff; }
input[type="submit"] {
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	height: 30px;
	letter-spacing: 0.05em;
	line-height: 30px;
	overflow: visible; /* para Explorer 7 */
	padding: 0 5px;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
	}
/*.boton.secundario input[type="submit"],*/
/*.boton.secundario input[type="button"],*/
.boton.secundario {
	background: #999 url("css_images/gradient-70-000.png") repeat-x 0 0;
					border-radius: 5px;
		 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.grande,
.grande input[type="submit"] {
	font-size: 18px;
	height: 40px;
	letter-spacing: 0;
	line-height: 40px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
	}

.pequeno,
.pequeno input[type="submit"] { 
	font-size: 13px;
	height: 20px;
	letter-spacing: 0.07em;
	line-height: 20px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
	}
.disabled {
	font-size: 18px;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	}
.disabled a:link,
.disabled a:visited,
.disabled a:hover,
.disabled a:active { color: #999; }
.disabled a { text-shadow: none; }

.boton.disabled:hover {
					box-shadow: none;
		 -moz-box-shadow: none;
	-webkit-box-shadow: none;
	}


/*
	boton desactivado con explicacion tipo "valida 5 cupones para acceder a la oferta"
*/
.no-activado {
	background: #ccc url("css_images/gradient-fff-inv.png") repeat-x 0 -15px;
	border-top: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	height: 32px;
	letter-spacing: 0;
	line-height: 1em;
	padding-top: 8px;
	text-align: center;
	text-shadow: none; 
					border-radius: 5px;
		 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
					box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
		 -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
	}
.boton.no-activado a {
	display: inline;
	padding: 0 0;
	text-shadow: none;
	}
.boton.no-activado:hover {
					box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
		 -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
}
.microbot { font-weight: normal; }



/*
----------------------------------------------- 
	@BARRA PUNTOS
----------------------------------------------- 
*/
/* entre el precio y el boton de una oferta destacada */
.barra-puntos.short {
	background: #ccc url("css_images/gradient-fff.png") repeat-x 0 -30px;
	border: 1px solid #e8e8e8;
	height: 9px;
	margin: 20px 0 15px; 
	width: 100px;
					border-radius: 5px;
		 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.barra-puntos.short span {
	background-color: #009ee0;
	top: 0;
	left: 0;
	}
/* los numeros, por ejemplo: "90/100" */
.barra-puntos .oneofnine {
	left: 110px;
	top: -3px;
	}



/*
----------------------------------------------- 
	@MIS TARJETAS
----------------------------------------------- 
*/
/*
columna ancha: detalle de la tarjeta 
*/
.mis-tarjetas {
	float: right;
	margin-right: 35px;
	width: 600px;
	}
/* nombre y localidad de la tarjeta */
.mis-tarjetas .titulo-principal { margin: 10px 0 5px 0; }
.mis-tarjetas #tarjeta {
	float: left; 
	margin-top: 5px;
	}
.mas_info_tarjeta {
	float: left;
/*	margin: 0 0 20px 20px; */
	padding-top: 20px;
	width: auto;
	}
.mas_info_tarjeta p { margin-top: 10px; }
.mas_info_tarjeta .fecha { padding: 0 0 0 0; }
.mas_info_tarjeta .fecha .countdown_amount { color: #999; }
.mas_info_tarjeta .fecha .countdown_section { padding-top: 0; }

/*
columna estrecha: lista de tarjetas
*/
/* container */
.mt-list {
	float: left;
	width: 302px;
	}
/* la lista de tarjetas */
#mistarjetas {
	border-top: 1px solid #f1f1f1;
	margin: -11px 30px 0 -10px;
}
/* titulos de filtros */
.disp_tit {
	background: #e8e8e8;
	color: #666;
	padding: 2px 10px;
	}
#filtros_tj,
#filtros_orden_tj { margin-bottom: 10px; }
#filtros_tj li,
#filtros_orden_tj li { 
	display: inline;
	padding: 2px 10px;
	}
/* div que contiene el ul class="itemlista trj" de tarjetas */
#items_mt { padding-top: 10px; }
/* .item_trj es un li de la lista de tarjetas */
.item_trj {
	border-top: 1px solid #f1f1f1;
	overflow: hidden;
	}
.item_trj a {
	display: block;
	margin: 1px 0;
	overflow: hidden;
	}
.item_trj a:hover {
	background: #f1f1f1;
	text-decoration: none;
	}
.item_trj span {
	display: block;
	float: left;
	}
.item_trj span.peque {
	padding: 2px 5px 0 5px;
	width: 160px;
	}
.item_trj span.storename {
	position: relative;
	top: 3px;
	}
.item_trj a .countdown_section { color: #424242; }
.item_trj .countdown_section {
	line-height: 0.05em;
	padding: 0 0 0 0;
	text-align: center;
	width: 40px;
	}
.item_trj .countdown_section .countdown_amount {
	font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 14px;
	}
.item_trj .countdown_section span { float: none; }
.tarjeta-marca {
	border-radius: 3px;
	float: left;
	margin: 5px;
	overflow: hidden;
	width: 25px;
	}
.tarjeta-marca img { width: 25px; }
/*
.item_trj .icon-apunto-img { width: 40px; text-align: center; }
.item_trj .icon-apunto-img img { width: 25px; }
*/
/* imagen que indica si se es member / premium/ vip */
.item_trj span.statusicon {
	float: right;
	height: 45px;
	width: 30px;
	}
.item_trj.it_member span.statusicon { background: url("css_images/estrella-member-i.png") no-repeat 50% -4px; }
.item_trj.it_premium span.statusicon { background: url("css_images/estrella-premium-i.png") no-repeat 50% -5px; }
.item_trj.it_vip span.statusicon { background: url("css_images/estrella-vip-i.png") no-repeat 50% -4px; }
.fecha_trj {
	position: absolute;
	left: -9999px;
	}


/*
	adaptaciones de los contenidos del tab de loyalty para "mis tarjetas"
*/
.mis-tarjetas .boxtitle { background: #e4e4e4; width: 580px; } /* tiene padding-left de 20px, asi que el ancho real es de 600px */
.mis-tarjetas .loyalty-puntos { margin-top: 20px; }
.mis-tarjetas .barra-titulo,
.mis-tarjetas .mispromociones-list { margin-right: 0; }
/* descomentar para que la lista ocupe el ancho entero de la caja amarilla 
.mis-tarjetas .premios-lista { width: 520px; } */
.mis-tarjetas .comoconsigo.detallado { width: 585px; } /* tiene padding-left/right de 10px/5px, asi que el ancho real es de 600px */
.faltanpuntos td { background: #fff; }



/*
----------------------------------------------- 
	@PROMOCIONES DISPONIBLES (Mis Tarjetas CUPONES)
----------------------------------------------- 
*/
/*
la caja blanca sobre fondo gris 
*/
.c600 { margin: 10px 0; }
.caja.c960.f1f1f1 .c600 {
	background: url("css_images/f-10px-600px-topgris.png") no-repeat 0 0;
	width: 600px;
	}
.caja.c960.f1f1f1 .content {
	padding-bottom: 20px;
	}

.caja.c960.f1f1f1 .c600 .content {
	background: #fff;
	margin-left: 10px;
	margin-top: 40px;
	padding: 0;
	padding-bottom: 0;
	}
.caja.c960.f1f1f1 .c600 .cierre { background: url("css_images/f-10px-600px-topgris.png") no-repeat -620px -150px; }
.c600 .latboxtitle {
	position: relative;
	top: -35px;
	}
.c600 .itemlist {
	left: -20px;
	margin-top: -30px;
	margin: 0 0 0 0;
	position: relative;
	}
.c600 .itemlist .disponible {
	padding: 0;
	position: relative;
	width: 600px;
	}
.c600 .itemlist .disponible-desc { width: 430px; }
.c600 .itemlist .actividad .disponible-desc { width: 418px; }
.minifecha {
	color: #999;
	font-size: 11px;
	}
.mainboxtitle {
	left: 20px;
	position: relative;
	top: -35px;
	}
.mainboxtitle h5 { display: inline; color: #666; }
.mainboxtitle .linkbutton {
	font: normal 10px/1em Verdana, sans-serif;
	}
.mainboxtitle .linkbutton {
	display: inline; 
	padding-left: 5px;
	position: relative;
	top: -1px;
	}
h3 .linkbutton {
	position: relative;
	top: -1px;
	}
/*
	lista de mis promociones
*/
.c600 .mispromociones-list { margin-top: -20px; margin-right: 0; }
.c600 .lapromocion {
	border-bottom: 1px solid #ccc;
	padding-top: 20px;
	}
/*
	descripcion de la oferta en el listado de "mis promociones"/"ofertas disponibles" 
*/
.descripcion-listado {
	float: left;
	padding: 0 20px 20px 0;
	position: relative;
	width: 440px;
	}
.descripcion-listado h3 {
	font-size: 18px;
	padding-bottom: 2px;
	}
/*
	lista de compras validadas
*/
.compras-validadas {
	clear: both;
	padding: 0 20px;
	}
.compras-validadas li {
	border-bottom: 1px solid #ccc;
	padding: 1px 0;
	position: relative;
	}
.compras-validadas li:last-child { border-bottom: none; }
.compras-validadas li a {
	color: #424242;
	display: block;
	padding: 5px 0;
	}
.compras-validadas li a:hover {
	background: #f1f1f1;
	text-decoration: none;
	}
.compras-validadas li a .bolita { margin-top: -3px; }
.fecha-compra {
	display: block;
	float: left;
	padding: 0 10px;
	width: 80px;
	}
.compras-validadas .pqarial { line-height: 1em; }
.compras-validadas li .interrogante { top: 5px; }
.compras-validadas li:hover .interrogante,
.compras-validadas li.clicked .interrogante {
	color: #09f;
	display: block;
	top: 5px;
	}
.compras-validadas li.clicked { background: #f1f1f1; }


/*
----------------------------------------------- 
	@BOLITAS (VALIDACION DE COMPRAS)
----------------------------------------------- 
*/
/*
	indicador de bolitas necesarias
*/
.pasos {
	float: left;
	padding: 10px 20px 10px 10px;
	width: 110px;
	}
.pasos .bolitas {
	padding-left: 10px;
	text-align: center;
	}
/* esconder texto */
.bolitas span b,
.bolita b {
	left: -9999px;
	position: absolute;
	}
/* bolita gris */
.bolitas span,
.bolita {
	background: url("css_images/bolitas.png") no-repeat -1px -1px;
	display: block;
	float: left;
	height: 16px;
	margin: 0 2px 0 1px;
	width: 16px;
	}
/* bolita verde con tick */
.bolitas span.activada,
.bolita.activada { background-position: -1px -31px; }
/* pila de bolitas validadas con circulo amarillo con numero */
.bolitas.apiladas,
.bolitas.apiladas {
	background: url("css_images/bolitas.png") no-repeat 9px -83px;
	height: 30px;
	}
.apiladas { position: relative; }
.apiladas small {
	color: #000;
	font-size: 9px;
	letter-spacing: -0.15em;
	position: absolute;
	top: 2px;
	left: 20px;
	text-align: center;
	width: 15px; 
	}
/* texto "valida n cupones para acceder" */
.necesitas {
	clear: left;
	line-height: 1.1em;
	padding-top: 7px;
	text-align: center;
	}



/*
----------------------------------------------- 
	@LOYALTY TABS
----------------------------------------------- 
*/
.loyalty .titulo-principal { margin-right: 40px; }
.mispromociones-list { margin: 0 40px 0 0; }
.loyalty-cupones .mispromociones-list { margin: 10px 40px 0 0; }


/*
----------------------------------------------- 
	@LOYALTY TAB CUPONES
----------------------------------------------- 
*/
/* */
.loyalty-cupones .boxtitle {
	margin-top: 10px;
	margin-bottom: -10px;
	}
.loyalty-cupones .mispromociones-list .descripcion-listado { width: 350px; }
.descripcion-listado .linkbutton { padding-top: 5px; }
.loyalty-cupones .lapromocion {
	background: #f1f1f1;
	border-bottom: 1px solid #fff;
	padding-top: 10px;
	padding-right: 0;
	position: relative;
	overflow: hidden;
	}
.lapromocion.conseguida {	background: #fcfade; }
.lapromocion .buybutton { position: absolute; top: 20px; right: 10px; }
.loyalty-cupones .lapromocion .compartir { right: 0; }


/*
----------------------------------------------- 
	@LOYALTY TAB PUNTOS
----------------------------------------------- 
*/
/* bara "tienes n puntos" */
.puntos-recordatorio {
	background: #f1f1f1;
	letter-spacing: 0.25em;
	margin: 10px 40px 20px 0;
	padding: 10px 20px;
	text-transform: uppercase;
	}
.puntos-recordatorio .puntos {
	background-color: #9c0;
	font-size: 14px;
	letter-spacing: 0;
	padding: 5px 10px;
					border-radius: 3px;
		 -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.boxtitle {
	background: #f1f1f1;
	border-bottom: 1px solid #ddd;
	margin-bottom: 1px;
	}
.barra-titulo {
	background: #e8e8e8;
	border-bottom: 1px solid #d6d6d6;
	margin-right: 40px;
	overflow: hidden;
	padding: 5px 10px;
	}
.barra-titulo span {
	color: #333;
	display: block;
	float: left;
	padding: 0 10px;
	}
.barra-titulo span {
	border-left: 1px solid #d6d6d6;
	}
.barra-titulo span:first-child {
	width: 50px;
	border-right: 1px solid #fff;
	border-left: none;
	}

.lapromocion {
	margin: 1px 0;
	padding-top: 10px;
	}
.puntos-wrapper {
	float: left;
	padding-top: 5px;
	text-align: center;
	width: 80px;
	}
.puntos-wrapper .puntos {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	}

/*
	table que contiene los premios por puntos
*/
.premios-lista {
	float: left;
	width: 500px;
	}
.premios-lista tr:hover { background: #f1f1f1; }
.premios-lista td {
	border-bottom: 1px solid #e8e8e8;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 5px 0;
	text-align: left;
	vertical-align: top;
	}
.premios-lista tr:last-child td	{ border-bottom: none; }

.td-img { width: 60px; }
.premios-lista td.td-bot {
	text-align: right;
	}
.premios-lista td .microbot {
	float: right;
	margin-top: 2px;
	position: relative;
	z-index: 100;
	}
.premios-lista .pqarial { color: #424242; }
.premios-lista td.td-interrogante,
.td-interrogante {
	width: 20px;
	text-align: center;
	}
.td-interrogante .interrogante {
	position: static;
	}
tr:hover .interrogante { display: inline; }
.loyalty-puntos .lapromocion {
	border-bottom: 1px solid #ccc;
	}



/*
----------------------------------------------- 
	@LOYALTY TAB NIVELES
----------------------------------------------- 
*/
.ascenso {
	background: url("css_images/loyalty-ascenso-niveles.png") 0 0 no-repeat;
	height: 180px;
	margin-top: 5px;
	width: 580px;
	}
.ascenso.member { background-position: 0 -199px; }
.ascenso.premium { background-position: 0 -398px; }
.ascenso.vip { background-position: 0 -597px; }

/* tick verde member */
.ascenso.member p.member .tick,
.ascenso.premium p.member .tick,
.ascenso.vip p.member .tick {
	display: block;
	left: 40px;
	top: 62px;
	}

/* tick verde premium */
.ascenso.premium p.premium .tick,
.ascenso.vip p.premium .tick {
	display: block;
	left: 50px;
	top: 62px;
	}

/* tick verde vip */
.ascenso.vip p.vip .tick {
	display: block;
	left: 70px;
	top: 62px;
	}

.loyalty-niveles .lapromocion {
	border-bottom: 1px solid #ccc;
	}
.nivel-wrapper {
	float: left;
	padding-top: 5px;
	text-align: left;
	width: 100px;
	}
.nivel-wrapper .nivel {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	letter-spacing: 0.1em;
	}
.conseguido { color: #84af02; }

.premios-lista.lniveles { width: 480px; }
.premios-lista.lniveles .td-img { width: 35px; }

.td-bot.td-bolitas { width: 95px; }
.td-bot.td-bolitas .bolitas span { float: right; }
.td-bolitas .apiladas {
	float: left;
	margin-top: -5px;
	width: 40px;
	}




/*
----------------------------------------------- 
	@NUMERO DE PUNTOS (NECESARIOS/CONSEGUIDOS)
----------------------------------------------- 
*/
.member .member .puntos,
.premium .member .puntos,
.vip .member .puntos,
.premium .premium .puntos,
.vip .premium .puntos,
.vip .vip .puntos,
.conseguida .puntos,
.puntos.conseguidos { background-color: #9c0; }


/*
----------------------------------------------- 
	@HISTORICO DE PUNTOS
----------------------------------------------- 
*/
/* lista de saldos */
.historico-lista {
	border-bottom: 1px solid #ccc;
	clear: both;
	padding-top: 30px;
	}
/* un row del listado (que son divs, por cierto) */	
.historico {
	background: #fff;
	border-top: 1px solid #e8e8e8;
	padding: 0 10px 5px 0;
	position: relative; 
	}
.historico.saldo-acumulado {
	background: #ffc;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	}
.historico .puntos {
					border-radius: 10px;
		 -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

.puntos.plus { background: #84af03; }
.puntos.minus { background: #fa0075; }
.splain-wrapper {
	float: left;
	padding-top: 5px;
	}
.historico.detalle { cursor: pointer; }
.historico.detalle:hover { background: #f1f1f1; }
.historico.detalle:hover .interrogante {
	display: block;
	right: 10px;
	top: 7px;
	}


/*
----------------------------------------------- 
	@COMO CONSIGO PUNTOS
----------------------------------------------- 
*/
/* lista de metodos */
.comoconsigo-lista {
	clear: both;
	padding-top: 30px;
	}
/* si la lista esta en el tab de loyalty */
.c620 .comoconsigo-lista { margin-right: 40px; }
/*
1) validando cupones
*/
/* si la lista esta en una pagina con el fondo gris */
.c600 .valida-cupones { margin-top: -20px; }
/* si la lista esta en el tab de loyalty */
.comoconsigo-lista .valida-cupones { margin-top: 10px; }
.valida-cupones li {
	border-bottom: 1px solid #ccc;
	line-height: 1.25em;
	padding: 15px 20px 15px 22px;
	}
.valida-cupones li strong {
	color: #424242;
	padding-right: 10px;
	}



/*
----------------------------------------------- 
	@COMPARTIR
----------------------------------------------- 
*/

/*
	botones compartir (feed)
*/
.compartir {
	bottom: 10px;
	position: absolute;
	right: 20px;
	}
/* poner imagenes de fondo, por defecto: facebook */
.facebook,
.twitter,
.e-mail {
	background: url("css_images/compartir.png") no-repeat 0 0;
	display: block;
	float: left;
	height: 19px;
	margin-right: 5px;
	width: 18px;
	}
/* poner imagenes de fondo, adaptar para twitter, e-mail */
.twitter { background-position: -20px 0; }
.e-mail { background-position: -40px 0; }
/* poner imagenes de fondo, adaptar para hovers */
.facebook:hover { background-position: 0 -22px; }
.twitter:hover { background-position: -20px -22px; }
.e-mail:hover { background-position: -40px -22px; }
/* esconder textos de los enlaces */
.facebook span,
.twitter span,
.e-mail span {
	left: -9999px;
	position: absolute;
	}
/*
	barra compartir (oferta)
*/
.compartir-oferta {
	padding-top: 30px;
	width: 100%;
	}
.compartir-oferta div {
	display: block;
	float: left;
	height: 20px;
	}
.compartir-oferta a:hover { text-decoration: none; }
.compartir-facebook { width: 140px; }
.compartir-twitter { width: 120px; }
.compartir-email { width: 80px; }
.compartir-email .e-mail {
 width: 80px;
	}
.e-mail small { margin-left: 23px; }




/*
----------------------------------------------- 
	@VENTANITAS POPUP
----------------------------------------------- 
*/
.opener { cursor: pointer; }
/* popup general */
.detalles {
	bottom: 50px;
	left: 35px;
	}
/* popup "como consigo puntos" slider lateral */
.detalles.slidedetalles {
	bottom: 80px;
	}
/* popup en una table (p.e. premios loyalty tab de puntos) */
table .trigger { position: relative; }
.premios-lista .detalles {
	bottom: 40px;
	left: 0;
}
.puntos-aviso {
	border-top: 1px solid #f1f1f1;
	padding: 10px 0;
	line-height: 1em;
}
.puntos-aviso .puntos { background-color: #424242; }



/*
----------------------------------------------- 
	@IMAGENES REDONDEADAS
----------------------------------------------- 
*/
.w50px {
	overflow: hidden;
	position: relative;
	}
.w50px .cornersall,
.w50px .cornersfff {
	background: url("css_images/mascara-50px-fff.png") 0 0 no-repeat;
	height: 50px;
	width: 50px;
	}
.w170px {
	height: 170px;
	position: relative;
	width: 170px;
	}
.w170px .cornersfff,
.w170px .cornersall { 
	background: url("css_images/mascara-170px-fff.png") 0 0 no-repeat;
	height: 170px;
	width: 170px;
	}




/*
----------------------------------------------- 
	@MISCELLANEOUS
----------------------------------------------- 
*/

sup, sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
	}
sup { bottom: 0.70em; }
sub { top: .25em; }

/* puntitos y flechas de navegacion menu multimarca */
.mm-navi {
	position: absolute;
	bottom: 0;
	left: 25px;
	height: 20px; 
	}
/* 
	tweets pequenos
*/
.tweet { overflow: visible; }
.sharetrigger.small.right,
.tweet .sharetrigger.right {
	background-position: 0 0;
	bottom: 15px;
	right: 60px;
	}
.tweet .sharetrigger.right {
	right: 10px;	
	}
.tweet .sharetip {
	left: auto;
	right: 10px;
	}
.tweet .itembody .small { margin-right: 20px; }

/* una cosita del formulario de login */
#forgot-password { padding-top: 20px; }

/* "Hasta" no se cuanto del indicador de descuentos */
.discount .counter-title {
	top: 35px;
	top: 5px;
	}
/*
	styles for the modal window created in /signup 
*/
.modal {
	background: #fff;
	display: none;
	padding: 20px;
	text-align: left;
	width: 500px;
					border-radius: 5px;
		 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
					box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
		 -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
	}




/* arreglo barra "volver arriba" para iPads, iPhones, iPods */
@media screen and (max-device-width: 480px) {
	#gototop { position: absolute; /*left: 90% !important;*/ }
}


/* no adelgazar fonts en webkit */
	body { -webkit-text-stroke: 0 transparent; }
	/* y tampoco en mobile safari */
		@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}

